@import "~scss/mixins";

.sw-media-media-item {
    position: relative;

    .sw-media-preview-v2 .sw-media-preview-v2__item {
        max-width: calc(100% - 32px);
        max-height: calc(100% - 32px);
    }

    .sw-media-base-item.is--list .sw-media-preview-v2 {
        width: 40px;
        height: 40px;
        grid-row: 1 / span 2;
        overflow: hidden;

        .sw-media-preview-v2__item {
            padding: 0;
            height: 100%;
            width: 100%;
            max-height: none;
            max-width: none;

            &.mt-icon {
                height: 80%;
                width: 80%;
            }
        }
    }

    .sw-media-media-item__metadata {
        @include truncate;
    }
}
